body { background-color: rgb(50,50,50); font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
    .menu-options {color: rgb(200,200,200); font-size: 100%; text-align: center;}
    .main-title {color: rgb(200,200,200); font-size: 110%; text-align: center}
    .link-style {color: rgb(200,200,200)}
    .footer-link-style {color: rgb(150,150,150);}
    .gallery-overview {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-bottom: 10px; max-width: 1000px;}
    .gallery-overview img {width: 100%; height: 100%; align-items: center; object-fit: cover; aspect-ratio: 1/1}
    .footer-menu-options {color: rgb(200,200,200); font-size: 85%; text-align: center; margin-top: 25px; margin-bottom:50px;}
    .horizontal-rule {background-color: rgb(200,200,100); height: 1px; border: none}
    .grid-position {display: grid; place-items: center; margin-left: 5%; margin-right: 5%}
    .background-button {font-size: 100%; padding:20px}
    .lightbox {display: none; position: fixed; z-index: 1000; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); justify-content: center; align-items: center; flex-direction: column}
    .lightbox-image {max-height: 90%; max-width: 90%; object-fit: contain; opacity: 0; transition: 0.2s ease-in-out;}
    .close-btn {color: #fff; font-size: 40px; font-weight: bold; position: absolute; top:20px; right:30px; cursor: pointer; z-index: 1001;}
    .close-button {font-size: 35px; border: none; background-color: rgba(255,0,0,0); color: rgb(255,255,255);}
   /* .story {color: rgb(200,200,200); ; justify-content: left;}*/
    .story-structure {; color: rgb(200,200,200);;}
    p {text-indent: 5%; justify-content: left;}
    .get-it-centered {display: grid; grid-template-columns: 1fr 500px 1fr}